/* Default styles for larger screens */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Header styles */
header {
   
    color: #b1f639;
    padding: 10px 0;
}

/* Navigation styles */
nav ul {
    list-style: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

/* Responsive styles for smaller screens */
@media (max-width: 768px) {
    header {
        padding: 10px;
    }

    nav ul {
        text-align: center;
        padding-top: 10px;
    }

    nav ul li {
        display: block;
        margin-bottom: 10px;
    }

    /* Additional responsive styles can be added here */
}
/* Basic styling for the background */
.background {
    background-image: url('images/airtel image download.png'); /* Replace with your background image URL */
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center top;
    width: 93.33vw;
    height: 70vw;
    position: relative;
    left: -0.24cm;
    top: 100%;
    
}

/* Styling for the logo */
.logo {
    position: absolute;
    top: 0%; /* Adjust the position as needed */
    left: 50%; /* Adjust the position as needed */
    transform: translate(-50%, -50%);
    width: 200px; /* Adjust the size as needed */
    height: auto; /* Maintain aspect ratio */
}

/* Additional styling can be applied to the background and logo as needed */